<style src="./add-inverstor-portfolio.css" scoped></style>
<template>
  <div class="model-wrap">
    <button class="btn btn-sm btn-primary"
      @click="showAddInverstorModal = true">增加投顾组合</button>
      <modal
        :title="'添加投顾信息'"
        ok-text="提交"
        cancel-text="取消"
        effect="fade"
        :small="true"
        :width="460"
        :show.sync="showAddInverstorModal"
        :callback="addInverstorInfo">
        <div slot="modal-body" class="modal-body">
          <form class="form-horizontal" role="form" v-el:add-form>
            <div class="form-group form-group-sm">
              <label class="col-sm-3 control-label">*组合ID</label>
              <div class="col-sm-9 text-left">
                <input type="text" class="form-control" v-model="portfolio.id">
              </div>
            </div>
            <div class="form-group form-group-sm">
              <label class="col-sm-3 control-label">*组合名称</label>
              <div class="col-sm-9 text-left">
                <input type="text" class="form-control" v-model="portfolio.name">
              </div>
            </div>
            <div class="form-group form-group-sm">
              <label class="col-sm-3 control-label">*组合描述</label>
              <div class="col-sm-9 text-left">
                <input type="text" class="form-control" v-model="portfolio.descr">
              </div>
            </div>
            <div class="form-group form-group-sm">
              <label class="col-sm-3 control-label">标签（用空格分开）</label>
              <div class="col-sm-9 text-left">
                <input type="text" class="form-control" v-model="portfolio.labels">
              </div>
            </div>
            <div class="form-group form-group-sm">
              <label class="col-sm-3 control-label">组合类型</label>
              <div class="col-sm-9 text-left">
                <input type="text" class="form-control" v-model="portfolio.betaType">
              </div>
            </div>
            <div class="form-group form-group-sm">
              <label class="col-sm-3 control-label">产品介绍</label>
              <div class="col-sm-9 text-left">
                <textarea type="number" class="modal-ipt-prodesc form-control" v-model="portfolio.proDesc" rows="3"></textarea>
              </div>
            </div>
            <div class="form-group form-group-sm">
              <label class="col-sm-3 control-label">产品特色</label>
              <div class="col-sm-9 text-left">
                <textarea type="text" class="modal-ipt-prospect form-control" v-model="portfolio.prospect" rows="3"></textarea>
              </div>
            </div>
            <div class="form-group form-group-sm">
              <label class="col-sm-3 control-label">风险等级</label>
              <div class="col-sm-9 text-left">
                <input type="text" class="form-control" v-model="portfolio.riskLevel">
              </div>
            </div>
            <div class="form-group form-group-sm">
              <label class="col-sm-3 control-label">组合封面</label>
              <div class="col-sm-9 text-left">
                <input type="file" class="form-control" v-model="portfolio.file" v-el:portfolio-img>
              </div>
            </div>
            <div class="form-group form-group-sm">
              <label class="col-sm-3 control-label">投顾人员姓名</label>
              <div class="col-sm-9 text-left">
                <input type="text" class="form-control" v-model="portfolio.investerName">
              </div>
            </div>
            <div class="form-group form-group-sm">
              <label class="col-sm-3 control-label">投顾人员机构</label>
              <div class="col-sm-9 text-left">
                <input type="text" class="form-control" v-model="portfolio.investerOrg">
              </div>
            </div>
            <div class="form-group form-group-sm">
              <label class="col-sm-3 control-label">投顾人员执业编号</label>
              <div class="col-sm-9 text-left">
                <input type="text" class="form-control" v-model="portfolio.investerCardNum">
              </div>
            </div>
            <div class="form-group form-group-sm">
              <label class="col-sm-3 control-label">投顾人员金贝塔ID</label>
              <div class="col-sm-9 text-left">
                <input type="file" class="form-control" v-model="portfolio.investerId">
              </div>
            </div>
            <div class="form-group form-group-sm">
              <label class="col-sm-3 control-label">投顾人员头像</label>
              <div class="col-sm-9 text-left">
                <input type="text" class="form-control" v-model="portfolio.investerImg" v-el:inverstor-img>
              </div>
            </div>
            <div class="form-group form-group-sm">
              <label class="col-sm-3 control-label">NEW标识</label>
              <div class="col-sm-9 text-left">
                <select v-model="portfolio.isNew" class="form-control">
                  <option value="0">否</option>
                  <option value="1">是</option>
                </select>
              </div>
            </div>
            <div class="form-group form-group-sm">
              <label class="col-sm-3 control-label">展示在首页</label>
              <div class="col-sm-9 text-left">
                <select v-model="portfolio.isHomepage" class="form-control">
                  <option value="0">否</option>
                  <option value="1">是</option>
                </select>
              </div>
            </div>
            <div class="form-group form-group-sm">
              <label class="col-sm-3 control-label">允许一键买入</label>
              <div class="col-sm-9 text-left">
                <select v-model="portfolio.isBuyAllow" class="form-control">
                  <option value="0">否</option>
                  <option value="1">是</option>
                </select>
              </div>
            </div>
            <div class="form-group form-group-sm">
              <label class="col-sm-3 control-label">允许一键调仓</label>
              <div class="col-sm-9 text-left">
                <select v-model="portfolio.isTransferAllow" class="form-control">
                  <option value="0">否</option>
                  <option value="1">是</option>
                </select>
              </div>
            </div>
            <div class="form-group form-group-sm">
              <label class="col-sm-3 control-label">上架</label>
              <div class="col-sm-9 text-left">
                <select v-model="portfolio.status" class="form-control">
                  <option value="0">否</option>
                  <option value="1">是</option>
                </select>
              </div>
            </div>
          </form>
        </div>
      </modal>
  </div>
</template>
<script src="./add-inverstor-portfolio.js"></script>
